
// background:
$bg_1:#338efc; //Main color
$bg_2:#4c8edc; //delete color
$bg_3:#ffffff; //white - bg
$bg_4:#238efc;
$bg_5:#effaff; //hover



//size color
$sc_1:#ffffff;
$sc_2:#000000;
$sc_3:#333333;
$sc_4:#666666;
$sc_5:#999999;
$sc_6:#348efc; //Main color
$sc_7:#61a4f5; //Main color
$sc_8:#67AED2 ;


$nb:1rem;



//border
$bd_1:1px solid #E0E0E0;
$bd_2:1px solid #333333;
$bd_3:1px solid #dddddd;
$bd_4:1px solid #348efc;
$bd_5:1px solid #2e8efd;


$shadow:0 6px 7px 0 rgba(0,0,0,0.10);
$shadow2:0 1px 1px 0 rgba(0, 0, 0, 0.1);



// guo du
.i_transition{
	-moz-transition: all .35s ease-in;
	-webkit-transition: all .35s ease-in;
	-o-transition: all .35s ease-in;
	transition: all .35s ease-in;
}

//wen ben yi cang ...
.i_text{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.i_word{
	word-wrap: break-word;
	word-break: break-all;
}


//input-button-text
.i_none{
	border: none;
	outline: none;
	background: none;
}

.box{
	display: inline-block;
	vertical-align: top;
}



.i_normal{
	border: none;
	outline: none;
	height: 28px;
	line-height: 28px;
	padding: 0 30px;
	border-radius: 25px;
	color: #ffffff;
	background: none
}
.i_primary{
	height: 36px;
	padding: 0 10px;
	line-height: 36px;
	background-color: $bg_1;
	border-radius: 10px;
	font-size: 16px;
}



.i_btn{
	display: inline-block;
	vertical-align: top;
	width: 100px;
	height: 30px;
	line-height: px;
	border-radius: 3px;
	border: $bd_2;
	background: $bg_3;
	font-size: 14/12*1rem;
	color: $sc_3;
	text-align: center;
	cursor: pointer;
	&:hover{
		// color: $sc_1;
		// opacity: .7;
	}
}

.i_danger{
	color: $sc_1;
	border: $bd_5;
	background: $bg_1 !important;
	&:hover{
		color: $sc_1;
		// opacity: .7;
		background: #49a5fe !important;
	}
}


.i_success{
	color: $sc_1;
	background: $bg_1 !important;
	border: $bd_4;
}

.i_bv{
	border: 0;
	outline: none;
	background: #348EFC;
	border-radius: 3px;
	text-align: center;
	font-size: 14px;
	color: $sc_1;
	padding: 8px 30px;
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
	&:hover{
		color: $sc_1;
		background: #287FEA;
		// opacity: .7;
	}
}

.i_bx{
	border: 0;
	outline: none;
	background: #E8F2FF;
	border-radius: 3px;
	text-align: center;
	font-size: 14px;
	color: #7C9BB8;
	padding: 6px 36px;
	display: inline-block;
	vertical-align: top;
	&:hover{
		color: #7C9BB8;
		// opacity: .7;
	}
}


.buttonCSS{
	text-align: center;
	button{
		width: 80px;
		height: 30px;
		text-align: center;
		padding: 0;
		border: 0;
	}
	.is-plain{
		color: #6A7FBC;
	}
}

.Approval_TXT{
	padding: 50px 20px;
	text-align: center;
	font-size: 14px;
	@extend .i_word;
}

.taskObject{
	.el-select{
		width: 100%;
	}
}


.deadline{
	.el-input__prefix{
		left: initial;
		right: 0;
		background: $bg_1;
		width: 44px;
		color: $sc_1;
		font-size: 18px;
	}
	.el-input__suffix{
		right: 48px;
	}
	.el-input__inner{
		padding-left: 12px;
	}
}


.long{
	.el-input{
		width: 220px;
		font-size: 18px;
		color: #DCA323;
	}
	>span{
		line-height: 36px;
		margin-left: 5px;
	}
}